var GuiM69 = {

	makeTable: function( dst, tileSize ) {
		var w = Util.elementWidth( dst );
		var h = Util.elementHeight( dst );
		var rows = h / tileSize - 1;
		var cols = w / tileSize - 1;
		var table = Util.newNode( 'table', {class:'m69_table'} );
		var tbody = Util.newNode( 'tbody' );
		table.appendChild( tbody );
		for( var i = 0 ; i < rows ; i++ ) {
			var tr = Util.newNode( 'tr' );
			for ( var j = 0 ; j < cols ; j++ ) {
				var td = Util.newNode( 'td' );
				var div = Util.newNode( 'div', {i:i,j:j,class:'m69_tile'} );
				td.appendChild( div );
				tr.appendChild( td );
			}
			tbody.appendChild( tr );
		}
		return table;
	},

	/* at some pt it may make more sense to templatize this with xml and ajax it in... */
	makeTabs: function( dst, tileSize ) {
		var tab_id = Util.uuid();
		var table = GuiM69.makeTable( dst, tileSize );
		var myTabs = document.createElement( 'div' );
		myTabs.setAttribute( 'id', tab_id );
		myTabs.setAttribute( 'class', 'tabs' );
		myTabs.setAttribute( 'className', 'tabs' );
			var myTabs_ul_tabs_picker_1 = document.createElement( 'ul' );
			myTabs_ul_tabs_picker_1.setAttribute( 'class', 'tabs_picker' );
			myTabs_ul_tabs_picker_1.setAttribute( 'className', 'tabs_picker' );
				var myTabs_ul_tabs_picker_1_li_1 = document.createElement( 'li' );
				myTabs_ul_tabs_picker_1_li_1.appendChild( document.createTextNode( 'Map' ) );
				myTabs_ul_tabs_picker_1.appendChild( myTabs_ul_tabs_picker_1_li_1 );
				var myTabs_ul_tabs_picker_1_li_2 = document.createElement( 'li' );
				myTabs_ul_tabs_picker_1_li_2.appendChild( document.createTextNode( 'Character' ) );
				myTabs_ul_tabs_picker_1.appendChild( myTabs_ul_tabs_picker_1_li_2 );
				var myTabs_ul_tabs_picker_1_li_3 = document.createElement( 'li' );
				myTabs_ul_tabs_picker_1_li_3.appendChild( document.createTextNode( 'Inventory' ) );
				myTabs_ul_tabs_picker_1.appendChild( myTabs_ul_tabs_picker_1_li_3 );
				var myTabs_ul_tabs_picker_1_li_4 = document.createElement( 'li' );
				myTabs_ul_tabs_picker_1_li_4.appendChild( document.createTextNode( 'Magic' ) );
				myTabs_ul_tabs_picker_1.appendChild( myTabs_ul_tabs_picker_1_li_4 );
			myTabs.appendChild( myTabs_ul_tabs_picker_1 );
			var myTabs_div_tabs_area_2 = document.createElement( 'div' );
			myTabs_div_tabs_area_2.setAttribute( 'class', 'tabs_area' );
			myTabs_div_tabs_area_2.setAttribute( 'className', 'tabs_area' );
				var myTabs_div_tabs_area_2_div_tab_1 = document.createElement( 'div' );
				myTabs_div_tabs_area_2_div_tab_1.setAttribute( 'class', 'tab' );
				myTabs_div_tabs_area_2_div_tab_1.setAttribute( 'className', 'tab' );
				myTabs_div_tabs_area_2_div_tab_1.appendChild( table );
					var miner_div = Util.newNode( 'div', {id:'M69_miner'} );
					var sprites_div = Util.newNode( 'div', {id:'M69_sprites'} );
				myTabs_div_tabs_area_2_div_tab_1.appendChild( miner_div );
				myTabs_div_tabs_area_2_div_tab_1.appendChild( sprites_div );
				myTabs_div_tabs_area_2.appendChild( myTabs_div_tabs_area_2_div_tab_1 );
				var myTabs_div_tabs_area_2_div_tab_2 = document.createElement( 'div' );
				myTabs_div_tabs_area_2_div_tab_2.setAttribute( 'class', 'tab' );
				myTabs_div_tabs_area_2_div_tab_2.setAttribute( 'className', 'tab' );
				myTabs_div_tabs_area_2_div_tab_2.appendChild( document.createTextNode( 'bob' ) );
				myTabs_div_tabs_area_2.appendChild( myTabs_div_tabs_area_2_div_tab_2 );
				var myTabs_div_tabs_area_2_div_tab_3 = document.createElement( 'div' );
				myTabs_div_tabs_area_2_div_tab_3.setAttribute( 'class', 'tab' );
				myTabs_div_tabs_area_2_div_tab_3.setAttribute( 'className', 'tab' );
				myTabs_div_tabs_area_2_div_tab_3.appendChild( document.createTextNode( 'good attitude' ) );
				myTabs_div_tabs_area_2.appendChild( myTabs_div_tabs_area_2_div_tab_3 );
				var myTabs_div_tabs_area_2_div_tab_4 = document.createElement( 'div' );
				myTabs_div_tabs_area_2_div_tab_4.setAttribute( 'class', 'tab' );
				myTabs_div_tabs_area_2_div_tab_4.setAttribute( 'className', 'tab' );
				myTabs_div_tabs_area_2_div_tab_4.appendChild( document.createTextNode( 'nice tan' ) );
				myTabs_div_tabs_area_2.appendChild( myTabs_div_tabs_area_2_div_tab_4 );
			myTabs.appendChild( myTabs_div_tabs_area_2 );
		dst.appendChild( myTabs );
		new Tabs( tab_id );
		return table;
	}
};
